<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script src="dojo/dojo.js"></script>
 </HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
require([
  "dojo/_base/xhr",
  "dojox/mobile/parser",
  "dojox/mobile/ProgressIndicator"
], function(xhr, parser, ProgressIndicator){
  function loadPage(){
    var container; // dom node
    //....
    var prog = ProgressIndicator.getInstance();
    container.appendChild(prog.domNode);
    prog.start(); // start the progress indicator

    xhr.get({
      url: url,
      handleAs: "text",
      load: function(response, ioArgs){
        prog.stop(); // stop the progress indicator
        container.innerHTML = response;
        parser.parse(container);
      }
    });
  }
});
//-->
</SCRIPT>

 <BODY>
 



<div id="view1" data-dojo-type="dojox.mobile.View">
  <h1 data-dojo-type="dojox.mobile.Heading">View 1</h1>
  <ul data-dojo-type="dojox.mobile.RoundRectList">
    <li data-dojo-type="dojox.mobile.ListItem"
        data-dojo-props='icon:"images/i-icon-1.png",
                         moveTo:"view2",
                         transition:"slide"'>Go To View 2</li>
  </ul>
</div>

<div id="view2" data-dojo-type="dojox.mobile.View">
  <h1 data-dojo-type="dojox.mobile.Heading"
      data-dojo-props='back:"View 1",
                       moveTo:"view1"'>
					   <input type="range" style="width:200px;" data-dojo-type="dojox.mobile.Slider" value="10" max="20" />
					   <button data-dojo-type="dojox.mobile.ToggleButton" data-dojo-props='
      label:"Toggle me too",
      onChange:function(checked){ alert("checked state changed to " + checked); }'></button>
					   </h1>
</div>
<button data-dojo-type="dojox.mobile.ToggleButton" checked="true">Toggle me</button>
<input type="text" data-dojo-type="dojox.mobile.ComboBox" data-dojo-props='store:colorMemoryStore, value:"Blue"'>


 </BODY>
</HTML>
